<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, viewport-fit=cover">
  <title>vConsole: Demo</title>
  <link href="../dev/lib/weui.min.css" rel="stylesheet"/>
  <link href="../dev/lib/demo.css" rel="stylesheet"/>
  <script src="../dist/vconsole.min.js"></script>
</head>
<body ontouchstart>
  <div class="page">
    <h1 class="page_title">vConsole Demo</h1>
    <div class="weui_text_area">
      <p class="weui_msg_desc">
        <a href="https://github.com/Tencent/vConsole" target="_blank">Github</a>
      </p>
    </div>
    <a href="./common.html" class="weui_btn weui_btn_default">Common Functions</a>
    <a href="./log.html" class="weui_btn weui_btn_default">Log</a>
    <a href="./network.html" class="weui_btn weui_btn_default">Network</a>
    <a href="./element.html" class="weui_btn weui_btn_default">Element</a>
    <a href="./storage.html" class="weui_btn weui_btn_default">Storage</a>
    <a href="./plugin.html" class="weui_btn weui_btn_default">Custom Plugin</a>
    <a href="./async.html" class="weui_btn weui_btn_default">Async Loading</a>
    <a href="./vue.html" class="weui_btn weui_btn_default">Vue</a>
  </div>
</body>
</html>

<script>
new window.VConsole({
  maxLogNumber: 1000,
  // disableLogScrolling: true,
  // theme: 'dark',
  // defaultPlugins: [],
  onReady: function() {
    console.log('vConsole is ready.');
  },
  onClearLog: function() {
    console.log('on clearLog');
  }
});
</script>